<template>
    <div class="error-container">
    <h1>404 Not Found</h1>
    <p>很抱歉，你所请求的页面不存在。</p>
    <p>你可以<a href="/">返回首页</a>重新开始。</p>
  </div>
  </template>
  
  <script setup lang="ts">

  </script>
  
  <style scoped>
  .error-container {
      max-width: 600px;
      margin: 0 auto;
    }
    h1 {
      font-size: 48px;
      color: #333;
    }

    p {
      font-size: 20px;
      color: #666;
    }

    a {
      color: #007bff;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }
  </style>